<template>
    <div class="qy">
        <div class="qinyou">
            <div class="icon">
                <slot name="icon"></slot>
                <img  v-if="isWinner"  src="../../assets/img/winner.png" class="winner" alt="">
            </div>
            <div class="contentView">
                <slot name="content"></slot>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        name: "qinyou",
        props:{
            isWinner:{
                type:Boolean,
                default:false
            }
        },
        data() {
            return {};
        }
    };
</script>
<style lang="scss" scoped>
    .qy {
        background: #ffffff;
        padding-left: 10px;
        border-bottom: 1px solid #eee;
        margin-bottom: 20px;
    }
    .qinyou {
        display: flex;
        flex-flow: row;
        /*伸缩项目单行排列*/
        align-items: flex-start;
        /*垂直居中*/
        .icon {
            position: relative;
            width: 100px;
            img {
                display: block;
                width: 100px;
                height: 100px;
            }
            .winner {
                position: absolute;
                width: 40px;
                height: auto;
                top: 0;
                left: 0;
            }
        }
        .contentView {
            flex: 1;
            margin: 0 0 0 10px;
            overflow: hidden;
            p {
                white-space: nowrap;
                overflow: hidden;
                font-size: 14px;
                line-height: 1.4;
                color: #c0c0c0;
            }
        }
    }
</style>

